.index{
    height: 100vh;
    width: 100vw;
    // background-color: red;
    display: flex;
    flex-direction: column;
    .at-card__header{
        border: 0px;
    }
    .at-card{
        border: 0px;
    }
}
.topBox{
    width: 100vw;
    height: 10vh;
    background-color: #6381F7;
    position: relative;
    .topBox_bo{
        width: 80vw;
        position: absolute;
        left: 50%;
        margin-left: -40vw;
        background:rgba(255,255,255,1);
        // box-shadow:0px 4px 10px 0px rgba(161,153,114,0.2);
        // border-radius:6px;
        top: 5vh;
        z-index: 999;
        height: 20vh;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow:0px 13px 43px 0px rgba(50,156,255,0.18);
border-radius:40px;
flex-direction: column;

    }
}
.tabWarp{
    height: 10vh;
    width: 100%;
    // background-color: red;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.tabWarp2{
    height: 20vh;
    width: 100%;
    // background-color: red;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.box{
    width: 30%;
    height: 40%;
    // background-color: #6381F7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.title{
    font-size: 50px;
    // color: #6381F7;
}
.bottom{
    font-size: 30px;
}